<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
  </script>
</head>

<body>
  <ul id="uu">
    <li class="jss">javasc</li>
    <li name="sss">css</li>
  </ul>
  <script>
    // 节点文本操作
    // $('#uu li[name=sss]').text()//获得值
    // $('#uu li[name=sss]').text('456')//设置值
    // HTML
    // $('#uu').html()//获得值
    // $('#uu').html('<h2>大美女</h2>')//设置值，全部替换


    // css
    // 操作class
    $('#uu li[class=jss]').css("color", "red")
    // 隐藏与展示
    $('#uu li[name=sss]').hide()
    $('#uu li[name=sss]').show()
    $('#uu').toggle()//显示的元素进行隐藏，隐藏的元素进行显示
  </script>
</body>

</html>